<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>

    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>

    <script>
        // 1. 变量作用域：变量在什么范围内是可用的
        {
            var name = 'ccc'
            console.log(name)
        }
        console.log(name)

        // 2. 没有块级作用域引起的问题
        if (true) {
            var name = 'why';
        }
        console.log(name)

        // 3. 没有块级作用域引起的问题：for的块级
        


    </script>
</body>

</html>